<template>
	<view class="notice-card">
		<view class="notice-card__title">系统消息</view>
		<view class="notice-card__content">
			{{ data.message }}
		</view>
	</view>
</template>

<script>
export default {
	name: 'NoticeCard',
	props: {
		data: {
			type: Object,
			required: true
		}
	}
}
</script>

<style lang="less">
	.notice-card{
		padding: 16px;
		border-radius: 8px;
		background-color: #fff;
	}
	.notice-card__title{
		font-weight: bold;
		margin-bottom: 6px;
	}
	.notice-card__content{
		line-height: 1.7em;
	}
</style>